<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="renderer" content="webkit" />
    <title>video-swf</title>
    <meta name="Keywords" content="">
    <meta name="description" content="" />
    <link rel="stylesheet" type="text/css" href="/css/reset.css" >
    <link rel="stylesheet" type="text/css" href="/css/index.css">
</head>

<body>
<div>
    请输入需要播放的视频名称，不需要后缀名：<input type="text" id="showVideo"><input type="button" value="submit" id="submit">
</div>
<div id="video">

</div>

<script type="text/javascript" src="/js/jquery.videoswf.js"></script>
<script type="text/javascript" src="/js/jquery-3.2.1.min.js"></script>
<script>
    function showVideo() {
        if ($("#showVideo").val() == ""){
            alert("请输入需要播放的视频名称，不需要后缀名");
            return;
        }
        var videoName=$("#showVideo").val().trim();

        var video1 = new Video({
            // 必填，选择器
            wrapper: '#video',
            // 可选，默认宽度：600
            width: 680,
            // 可选，默认高度：350
            height: 350,

            // 必填，路径放置和flvplayer.swf同级
            name: '/media/'+videoName+'.flv',
            // 可选，视频播放器路径，默认路径'media/flvplayer.swf'
            swfdir: '/media/flvplayer.swf',

            // 可选，默认配置项，flvplayer.swf播放器的配置参数按如下格式传入
            // 可配置的参数说明参考http://blog.csdn.net/joyhen/article/details/23001487
            swfparam: '&IsAutoPlay=1&IsContinue=1&BarPosition=3&BarTransparent=40&IsShowBar=3',

            // 可选，flash加载出错的回调函数，不配置则使用默认的操作
            flashLoadError: function(){ }
        });
    }
    $("#submit").click(function () {
        showVideo();
    });
</script>
</body>
</html>